<template>
  <div id="app">
    <KnowledgeGraph />
    <Title />
    <Search />
    <Statistics />
    <Radio />
    <Legend />
  </div>
</template>

<script>
import Title from './components/Title'
import Search from './components/Search'
import Statistics from './components/Statistics'
import Radio from './components/Radio'
import Legend from './components/Legend'
import KnowledgeGraph from './components/KnowledgeGraph'

export default {
  name: 'App',
  components: {
    Title,
    Search,
    Statistics,
    Radio,
    Legend,
    KnowledgeGraph
  }
}
</script>

<style lang="less">
* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

#app {
  width: 100%;
  height: 100%;
  background-color: #031646;
  background-image: url(./assets/images/page_bg.png);
  background-size: 100% 100%;
  overflow: hidden;
}
</style>
